0 طريقة تغيير شكل سهم الماوس في مدونتك

السلام عليكم ورحمه الله وبركاته اليوم جيبه لكم شرح أضافة ماوس في مدونتك

أضافة جميلة تميز مدونتك عن باقي المدونات

تغيير شكل السهم الماوس لاي شكل تحبة في مدونتك 

ادخل علي تخطيط
أضافة اداة
Html

ضع الكود

لتظليل الكود أضغط CTRL + A

<style type="text/css">body, a, a:hover {cursor: url(xxxxx), progress;}</style>

ثم استبدل الحروف

xxxxx 

برابط السهم صورة الي انت تبيه في مدونتك

هذي مجموعة من الاسهم أضغط علي السهم علشان تعرف الرابط 

 http://cur.cursors-4u.net/cursors/cur-2/cur116.cur 

                    http://cur.cursors-4u.net/cursors/cur-2/cur117.cur

                   http://cur.cursors-4u.net/games/gam-3/gam257.cur

                  

 http://cur.cursors-4u.net/people/peo-3/peo334.cur

                    http://cur.cursors-4u.net/cursors/cur-2/cur125.cur 

                    http://cur.cursors-4u.net/people/peo-4/peo350.cur 

  

                 

 http://cur.cursors-4u.net/symbols/sym-6/sym530.cur 

                   http://cur.cursors-4u.net/cursors/cur-2/cur121.cur

                    

                                                                

                     http://cur.cursors-4u.net/toons/too-5/too430.cur

                     http://cur.cursors-4u.net/sports/spo-1/spo39.cur

                     http://cur.cursors-4u.net/anime/ani-9/ani874.cur 

                      http://cur.cursors-4u.net/cursors/cur-1/cur11.cur 

                            http://cur.cursors-4u.net/user/use-1/use3.cur 

                           http://cur.cursors-4u.net/user/use-1/use32.cur 

                   http://cur.cursors-4u.net/games/gam-6/gam503.cur

               

 http://cur.cursors-4u.net/games/gam-11/gam1048.cur

  

                          اللي مايعرف الطريقة تابع خطوات التالي مشاهدة ممتة 

                                                       

ملاحظة:منقول من 

سارونه للمعلوماتية

اقرء المزيد

0 طريقة ترقيم التعليقات لمدونات بلوجر

السلام عليكم ورحمة الله تعالى ويركاته ،

أما بعد، في هذا الشرح سأتطرق واياكم الى شرح كيفية ترقيم التعليقات، وهذه الطريقة تصلح لأصحاب المدونات العملاقة التي تتلقى مجموعة من التعليقات في موضوع واحد حيث يصعب التعقيب عليها خصوصا للأشخاص الذين لا يتوفرون على خاصية التعقيب على الرسائل (مثلي) لذلك فهذه الإضافة ستساعدك كثيرا حيث يمكنك كتابة مثلا : تعقيب على التعليق رقم 1 ، ثم ترد عليه بسهولة .

الإضافة تعتمد على كود Css يتم وضعه قبل كود ]]></b:skin> وبعدها يتم ترقيم التعليقات تلقائيا بعد اضافتها .

 

طريقة اضافة الكود :

من لوحة التحكم اضغط على القالب
اختر تحرير HTML
ضع علامة توسيع القالب
ابحث عن كود ]]></b:skin> عن طريق Ctrl+f .
الصق قبله اي فوقه الكود الموجود في الأسفل 
ثم قم بالحفظ .
الكود :

كود HTML:

   .comment-thread ol {  counter-reset: countcomments; }  .comment-thread  li:before {  content: counter(countcomments,decimal);   counter-increment: countcomments;  float: right;  font-size: 22px;   color: #555555;  padding-left: 10px;  padding-top: 3px;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmamwuQZ2o58K_lgMrahrce8QHqG2uuYQCBkBjTgAVyE3IX-kiFM6vN8cvkXYKPt7FCd17aIiUkEdfmgPUFb7N7n-OHBNDTJBQfhebnGwN0NTKVOdkqFGqvM0sf25bT6xAhMlU6Dc4wvWY/s1600/comment+bubble2.png)  no-repeat;  margin-top: 7px;  margin-left: 10px;  width: 50px;   /*image-width size*/  height: 48px;  /*image-height size*/ }   .comment-thread ol ol {  counter-reset: contrebasse; }  .comment-thread  li li:before {  content: counter(countcomments,decimal) "."  counter(contrebasse,lower-latin);  counter-increment: contrebasse;   float: right;  font-size: 18px;  color: #666666; }

اقرء المزيد

0 اضافة اداة برامج تهمك

السلام عليكم ورحمة الله وبركاته



الكثير يحب ان يقدم خدمات لزوار مدونته او معلومات لكي يتردد او ان يزور مدونته اكثر من مرى
وانا في هذه التدوينا سوف اقدم لزوار مدونتي ولاصحاب المدونات كود رائع وهو كود اسمة برامج تهمك مع صنعي
واضفت عليه اضافة رائعة انه يفتح في نافذة جديدة اي ان زائرك لن ينتقل من مدونتك بل سيبقى بها ولاكن صفحة البرنامج سوف تفتح في نافذة جديدة والان سوف اقدم لكم هذا الكود الذي يمكنك اضافته في اي مكان في المدونة لكي الطريقة لاضافة هذا الاكود
اولا ادخل الى لوحة تحكم مدونتك ثم التخطيط وثتم عناصر الصفحة ثم اضافة اداه وبعد الضغط على اضافة اداه اخترHtml/Javascript
واضف الاكود التالي:

كود بلغة HTML:

 <div class="clear"> </div> <div dir="rtl"  style="text-align: right;" trbidi="on"> <div style="text-align:  center;"> <!-- / icon and title --><span style="color:  rgb(51, 51, 255);"><b><b><span style="font-size:  medium;">برامج تهمك</span></b></b></span>
</div> <div align="center"> <div style="text-align: center;"> <b><a href="http://www.rarlab.com/" rel="nofollow" target="_blank"><img  alt="" onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6827/4winrar.png" border="0"  /></a> <a href="http://desktop.google.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/5472/38googledesktop.png"  border="0" /></a> <a href="http://www.opera.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/3394/1297opera1032.png"  border="0" /></a> <a  href="http://www.microsoft.com/windows/internet-explorer/default.aspx"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6132/716ie7.gif" border="0"  /></a> <a href="http://www.mozilla.com/firefox/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6014/1287firefox35.png"  border="0" /></a> <a href="http://www.apple.com/quicktime/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/133/7quicktime.png" border="0"  /></a> <a href="http://www.apple.com/itunes/download/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6489/1232itunesblue.png"  border="0" /></a> <a href="http://www.real.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/3259/1046real3.gif" border="0"  /></a> <a  href="http://www.filehippo.com/download_windows_media_player/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/1807/5winamp.png" border="0"  /></a> <a  href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/7568/47wmplayert.png" border="0"  /></a> <a href="http://widgets.yahoo.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6412/69konfab.png" border="0"  /></a> <a href="http://messenger.yahoo.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/7201/1019yahoo2.png" border="0"  /></a> <a href="http://www.skype.com/intl/ar/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/7988/596skype2.gif" border="0"  /></a> <a  href="http://office.microsoft.com/en-us/downloads/CD010224941033.aspx"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img210.imageshack.us/img210/7540/logooffice.gif" border="0"  /></a></b>
</div> </div> <div  style="text-align: center;"> <b><a  href="http://download.live.com/messenger" rel="nofollow" target="_blank"><img  alt="" onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/9449/613msn2.gif" border="0"  /></a> <a  href="http://www.avramovic.info/download/ImageShack%20Hotspot.zip"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img205.imageshack.us/img205/5210/imageshacku.gif" border="0"  /></a> <a href="http://www.sun.com/java/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/5272/62java.png" border="0"  /></a> <a href="http://get.adobe.com/reader/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/2990/1045adobereader2.gif"  border="0" /></a> <a  href="http://get.adobe.com/flashplayer/" rel="nofollow" target="_blank"> <img  alt="" onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/5864/1021flashplayer2.gif"  border="0" /></a> <a  href="http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/5582/12tweakui.png" border="0"  /></a> <a  href="http://notepad-plus.sourceforge.net/uk/site.htm"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/5893/767notepad2.gif" border="0"  /></a> <a  href="http://free.grisoft.com/doc/avg-anti-virus-free/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/730/1085avg2.gif" border="0"  /></a> <a href="http://www.avast.com/eng/avast_4_home.html"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/3544/18avastg.png" border="0"  /></a> <a href="http://www.free-av.com/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/3451/80antivir.png" border="0"  /></a> <a  href="http://www.microsoft.com/security_essentials/" rel="nofollow" target="_blank"> <img alt="" onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/6321/1308msseces.png" border="0"  /></a> <a href="http://www.ccleaner.com/"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/7175/959ccv2.gif" border="0"  /></a> <a href="http://www.winzip.com/index.htm"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img203.imageshack.us/img203/1724/9winzip.png" border="0"  /></a> <a  href="http://lfiles3.brothersoft.com/photograph_graphics/image_editors/PHOTOSHOP_7.0.zip"  rel="nofollow" target="_blank"> <img alt=""  onload="NcodeImageResizer.createOn(this);"  src="http://img389.imageshack.us/img389/4450/adobephotos.jpg" border="0"  /></a></b></div> </div>;<a  href="http://taqnya09.blogspot.com/2010/03/blog-post_26.html">اضافة  الكود
</a>

اتمنى ان يعجبكم

اقرء المزيد

0 إضافة زر " إلى الاعلى " إلى المدونة

إضافة زر " إلى الاعلى " إلى المدونة .

 من الأمور التي تسرع تصفح المدونة ن وتسهل استخدامها إضافة أيقونة برابط تنقلك على وجه السرعة من أسفل الصفحة إلى الأعلى .
وتظهر اهمية هذه الايقونة بالخصوص عندما تكون التدوينة طويلة ، بحيث تساعد الزائر على اختصار الوقت الذي سيععيده على على الصفحة من جديد .

وتركيب هذه الإضافة عملية سهلة ، يكفي إضافة الكود المطلوب عن طريق إضافة اداة إلى القالب وفق الخطوات التالية :

تخطيط  +  إضافة اداة + html/javascript .

وكود هذه الإضافة هو كما يلي : 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png"/></a>
  

وهذا كود آخر : 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

وستظهر لك أيقونة في اسفل الصفحة إلى اليمين تعيدك على اعلى الصفحة بسرعة في حال الضغط عليها .

اقرء المزيد

0 اداة المفضلة الاجتماعيه بشكل جديد

اداة المفضلة الاجتماعيه بشكل جديد

الأربعاء, أكتوبر 20, 2010, كتبت بواسطة علاء الدين

اداة المشاركة في المواقع الاجتماعيه بشكل جديد لمدونات بلوجر ويمكن تركيبها ايضا على مدونات ووردبرس ولكني ساشرح فقط تركيبها على مدونات بلوجر , الاداه  كما ترى في الصوره اعلاه  تحتوي على ثلاثة ازرار الاول لتويتر والثاني للخلاصات والثالث للفيسبوك وعند الاشاره تظهر اداة التلميح محتويه على بعض المعلومات  ولاضافة هذه الاداه الى مدونات بلوجر اتبع الخطوات التاليه.

 اولا اذهب الى لوحة التحكم في مدونتك ثم انتقل الى تصميم ومنها الى عناصر الصفحة ثم اختر اضافة اداة كما في الصوره التاليه :

بعد الضغط على " اضافة اداة " ستظهر لك نافذة تحتوي على جميع الادوات اختر منها اداة HTML/java script كما في الصوره التاليه :

بعد اختيار الاداه سوف تظهر لك النافذه التاليه :

في خانة العنوان اكتب العنوان الذي تريده مثلا " تابعنا على " او ماشابه ذلك , اما خانة المحتوى فقم بنسخ الكود التالي والصقه داخله :

<script src="http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>
<script>
$(document).ready (function() {
$("#social2 img[title]").tooltip({offset: [6, 2],tip:'.add',effect:'slide'})
.dynamic({ bottom: { direction: 'down', bounce: true } });
});
</script>
<style>
.tooltip {
    display:none;
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
    font-size:12px;text-align:center;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}
.tooltip.bottom {
    background:url(http://flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
    padding-top:40px;
    height:55px;
}

.tooltip.bottom {
    background:url(http://flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
}
#social2 img
{
width:83px;
height:74px;
}
</style>


<div id="social2" align="center">
<a href="twitter.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNsaVJ9SDWwq8bRAYWmnk09MiJyRr1cdqOFuMVjyCq8rucJN1mWWpcitVGF9hrKlimMqNRurDie3hDYi_xOwse-AkzMjbzjPJNQKyRpb9r3CntTRpQRl7i0l8B16-VQOO5FmzEjsJzYm0/" title=" تابعني على تويتر واحصل على اخر التحديثات" /></a>
<a href="rss.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg33xQWDV2QdqgbP08V7DFwp4o9DDUxtYq1UTSmpmL6skYsBnjw4kukR7PS41yMZFf7oLcZ6-5krGGAaTPFvmRDrDThp82zb2766x3LTV_2gaQtzpX_LHCiG70RfmOTEfTgjHSvoi3RC_Q/" title="اخر الاخبار والمواضيع عبر خدمة الخلاصات" /></a>
<a href="facebook.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtP5G1awtoMVeS9eDp1uawzBidms4swKuLgmR4NCeIWME5xnxc4yUoX4Y1KHpOhy3eNMXaucHAH5yitVqCdHMSSmSC5ody6YZKowiS0nJCvYEbZitIACKGUzkjQQyELCPTlk-86ATHcwo/" title=" كن معجبا بصفحتنا على الفيس بوك واطلع على اخر التحديثات" /></a>
</div>

في الكود اعلاه قم بتغيير المؤشر عليه باللون المدادي  برابط صفحتك على الفيس بوك والمؤشر عليه باللون البحري ( سماوي فاتح ) قم بتغييره برابط تويتر  الخاص بك اما المؤشر عليه باللون البرتقالي فقم بتغييره برابط الخلاصات الخاص بمدونتك , اما الارقام الملونه باللون الاحمر فهي الخاصة بعرض الصور ( شعارات تويتر وفيس بوك وrss) والارقام باللون الاخضر خاصة بارتفاع الصور .

اما العبارات الظاهره باللغه العربيه فهي العبارات التي ستظهر داخل اداة التلميح ( الفقاعة ذو الخلفيه السوداء ) يمكنك تغييرها كيفما تشاء .

وعند الانتهاء من كتابة الكود السابق داخل الاداة في خانة " المحتوى " اضغط على زر " حفظ " وستجد الاداة على مدونتك ,,,,,,

اقرء المزيد